<template>
    <div class="div-swipe">
        <mt-swipe :auto="1000" class="swipe">
            <mt-swipe-item v-for="(item,index) in imgList" :key="index">
                <img :src="item.img" :class="{'full':isFull}"/>
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>
<script>
    export default{
        name:"Swipe",
        props:["imgList","isFull"]
    }
</script>
<style>
    /* .div-swipe{
            /* margin-top:40px; */
        /* }  */
    .swipe{
        height: 200px;
        /* background-color: bisque; */
        text-align: center;
    }
    .swipe img{
        display: inline-block;
        height: 200px;
        max-width: 100%;
    }
    .full{
        width: 100%
    }
</style>